@media(max-width: 1366px){
    .about-txt-box .about-box1{
        max-width: 90%;
        left:5%;
    }

    .xingxiang-txt-box{
        right:10px;
        width: 400px;
    }

    .haoying img{
        max-width: 80%
    }



/***********1366关于我们********************/




/**********1366产品列表******************/



/**********1366产品详情******************/




/*********1366新闻列表和详情*****************/



/*********1366联系我们****************/



/*********1366加盟合作***************/

}   





@media(max-width: 1200px){
     body{
        width: 100%;
       
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link{
    margin-left: 1rem;
    margin-right: 1rem;
}

    .wap-footmenu{
        width:100%;
        display: inline-block;
        margin-top: 0px;
    }
    .wap-footmenu .m1-list{
        line-height: 30px;
        width:100%;
        display: block;
        border-bottom: 1px solid #222;
    }
    .wap-footmenu .m1-list a{
        padding:0.5rem 0;
        display: block;
        font-size: 14px;
    }
    .wap-footmenu .m1-list a i{
        margin-top: 5px;
    }
    
    .wap-footmenu .collapse-foot{
        display:table;
        width:100%;
        padding:10px 0;
        border-bottom: 1px solid #222;
    } 
    .wap-footmenu .collapse-foot li{
        display: inline-block;
        width:33%;
        float: left;
    }

    .wap-footmenu .collapse-foot li a{
            color: #fff;
        font-size: 12px;
        display: inline-block;
        padding: 10px 0;
    }
    .wap-footmenu .collapse-foot li a:hover{
        color:#fff;
    }




    .nav-item{
        margin-bottom: 0;
        
    } 
    .nav-item a{
        display:block;
    }
    .wapsubmenu{
        padding:0 2rem;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #333;
     }

    .wapsubmenu li{
        width: 25%;
        float: left;
        text-align: left;
      }

    .wapsubmenu li a{
        color:#fff;
        font-size: 12px;
        display: inline-block;
        padding:10px 0;
    }  




    .pc{
        display: none;
    }   
    .fs-80{
        font-size: 40px;
    }

    .fs-sm-40{
        font-size: 26px;
    }  



    .music .txt-small{
        font-size: 24px;
        letter-spacing: 0;
        padding-bottom: 50px;
    }


/***********1200关于我们********************/
    .aboutT4{
        font-size: 40px;
    }

    .about-box-a,
    .about-box-b{
        padding:30px;
    }

    .about-container{
        margin-top: 40px;
       margin-bottom: 40px;
    }


    #index_news{
        overflow-x: hidden;
    }

    #media_slide{
        width:100%;
        overflow: hidden;
    }



    .leftbody{
        width:200px;
    }
    
    .rightbody{
        width:calc(100% - 220px);
    }


    #media_slide{ 
        padding-right: 0%;
   }
    .media_slide_list{
        width:80%;
        height: auto;
    }
    .media_slide_list img {
    margin-left: 0px;
    width: 100%; 
    height:auto;
   }
   .media_next{
    right: 10px;
   }
   .media_slide_txt{
    margin-left: 0;
   }
   
   #pro_video{
       overflow: hidden;
       padding-bottom: 30px;
   }


}   






@media(max-width: 1000px){
    .navbar-expand-lg .navbar-nav .nav-item:hover{
        color: #dbbc87;
        border-bottom: 1px solid #222;
    }
    .nav-item:hover .sub_nav_bg {
    height:auto; 
    }

    #nav .show{
       box-shadow: none; 
    }

    .box-show{
        width: 100%;
        height: 30px;
        z-index: -1;
        box-shadow: 5px 5px 10px #000; 
    }

    .navbar-collapse{
        margin-left: -15px;
        margin-right: -15px;
    }


     .messagebox{
        width: 100%;
        height: auto;
        left:0;
        margin-left:0;
        margin-top: -150px; 
     } 
    
    .haoying{
        height: auto;
        padding:5rem 0;
    }
 


/**********1000加盟合作***************/
    .youshi .list .img img{
        width:300px;
        height:300px;
    }
    .youshi .list ul li:nth-child(1),
    .youshi .list ul li:nth-child(5){
        padding-left: 0;
    }
    .youshi .list ul li:nth-child(2),
    .youshi .list ul li:nth-child(6){
        padding-right: 0;
    }

   

}   


@media(max-width: 992px){
     .navbar{ 
        padding:0px 15px;  
     }
     .navbar-nav{
        padding-top: 0px;
        border-top: 1px solid #222;
        margin-top: 0px;
        padding-bottom: 20px;
     }

    .navbar-light .navbar-toggler {
    color: #fff;
    border-color: rgba(0,0,0,0);
    }

    .sub_nav_bg{
        height: auto;
        display:block;
        position: relative;
        top:0;
        background: rgba(0,0,0,0);
        
    }
    .sub_nav{
        width: 100%;
        padding-left: 50px;
        float: left;
       margin:0 auto;
       transform: translateX(0px)!important;
    }
    .sub_nav li{
        display: inline-block;
        float: left;
        width: 25%;
        margin:0;
        margin-top: 10px;
    }
    .sub_nav li a{
        padding:7px 0;
        font-size: 12px;
    }
    
    .logo .logo-sm-height{
        height: 30px;
        margin: 12px 0;
    } 
    .navbar-expand-lg .navbar-nav .nav-link{
        color:#fff;
        height: 30px;
        line-height: 30px;
        display: block;
    }
    .navbar-expand-lg .navbar-nav .nav-link i{
        margin-top: 8px;
    }



    .nav-item{
        margin-top: 10px;
        border-bottom: 1px solid #222;
        padding-bottom: 10px;
    }
 

    .wap-search{
       position: relative;  
       width:300px;  
       margin:20px auto; 
    }

    .wap-search input {
        border:none;
        background:#222;
        width:300px;
        height:40px;
        outline:none;
        padding-left:15px;
        display:inline-block;
        border-radius:20px;
        border:1px solid #222;
        font-size: 12px;
        font-weight: normal;
        transition: all 2s;
        color:#fff;
    }
     

    .wap-search button {
        outline:none;
        border:none;
        background:none;    
        width:60px;
        height:30px;
        line-height:30px;
        font-size:18px;
        color:#ddd;
        position: absolute;
        right:-5px;
        top:0px;
    }

    .banner-title1{
      font-size: 50px;
    }
    .banner-title2 {
      font-size: 24px; 
    }
    #index_banner .txt2{
        width: 50%;
    }

    .topjiange{
        height: 54px;
    }

    .pc-top-jiange{
    height: 54px;
    }

/***********992关于我们********************/




/***********992产品列表******************/



/*********992产品详情******************/


.proleft{
    width: auto;
    padding:0px;
}
.proright{
    width: auto;
    padding:0 15px;
}



 #freemodep{
          height:auto;
          width:100%;
          padding:20px; 
         }
 #freemodesp{
          bottom:5px!important;
         }
 #freemodesp span{
           background:#DBBC87;            
 }

 #freemodep .swiper-wrapper .swiper-slide{
     width:100%;
 }





/*********992新闻列表和详情*****************/
.leftbody{
    width: 100%;
}
.rightbody{
    width:100%;
    margin-left: 0;
    margin-top: 30px;
}
.leftbody .left-title-list{
    margin-top: 0;
}
.leftbody .left-title-list ul li{
    width:33%;
    float:left;
    border:none;
}

.leftbody .left-title-list2{
    margin-top: 0;
}
.leftbody .left-title-list2 ul li{
    width:33%;
    float:left;
    border:none;
}
.nav-tabs{
    padding-bottom: 10px;
}

/*********992联系我们****************/



/**********992加盟合作***************/
.media_next{
    display: none;
}

.media_slide_list{
    width: 100%
}

.media_slide_txt{
    width:100%;
}


}   

@media(max-width: 900px){
    .youshi .list .img{
        display: none!important;
    }
    .jiameng .gradient-text-num{
        font-size: 50px;
    }
}


@media(max-width: 769px){
    html,body{
        width:100%;
     
    }
    img{
        max-width: 100%;
    }
   
    #index_banner .txt2{
        width: 80%;
    }
    .nav-item:hover .sub_nav_bg{
        height: auto;
    }
     .banner-title1{
      font-size: 30px;
    }
    .banner-title2 {
      font-size: 20px; 
    }
    .banner-title3 {
        font-size: 20px; 
    }
    .banner-title4{
        font-size: 24px; 
    }

    .lingdong-btn{
        width: 128px;
        height: 40px;
        line-height:40px;
    }

    .haoying{
        padding:4rem 0;
        min-height: 500px;
    }
    .haoying .py-5 img{
        max-width: 70%;
    } 

    .music{
        height: 700px;
    }

    .music .col-12{
        padding-left: 0;
        padding-right: 0;
        height: 400px;
        overflow-y: hidden;
    }
    .music .music_txt{
        height: 300px;
    }
    .fs-80{
        font-size: 40px;
        margin-top: 30px;
    }
    .music .txt-small{
        font-size: 16px;
        letter-spacing: 0;
        padding-bottom: 50px;
    }

    
    .index_product .product-list {
    padding: 30px 0;
    }
    .index_product .product-list .p-img{
        margin: 1.5rem 0!important;
    }
    .index_product .product-list .p-img img{
        max-width: 80%;
    }
    .xingxiang-txt-box{
        right:0;
        width: 100%;
        align-items:flex-start;
        padding-top: 60px;
    }
    .fs-48{
        font-size: 24px;
        font-weight: bold;
    }

    #index_banner{
        height: 600px;
    }
    .index_banner{
        height: 600px;
    }

    #index_banner .txt2{
        top:100px;
    }
    #index_banner .txt1{
        top:auto;
        bottom:50px;
    }

    .video-mode{
        height: auto;
    }
    
     .video-mode-600{
        height: 600px;
    }

    .xingxiang-mode{
        height:auto;
    }

    .index_product .tjlist .box{
        height: 500px;
        padding-top:30px;
    }
    
    .relative{
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    #index_news{
        width:100%;
        overflow-x: hidden; 
        overflow-y: hidden;
    }
    
    #index_news .swiper-slide{
        padding:0  30px;
    }
   
    #index_news .swiper-pagination-news{
        bottom:20px!important;
    }
    #index_news .swiper-pagination-news .swiper-pagination-bullet{
        border:1px solid #222;
    }
   #index_news .swiper-pagination-news .swiper-pagination-bullet-active{
       background: #222;
   }
    .arrow-right_news_wap{
        right:-5px;
        top:40%;
   }
    .arrow-left_news_wap{
       left:-5px;
       top:40%;
   }

    .xingxiang-box{
        text-align: center;
    }

    .xingxiang-box-260{
        width:100%;
    }


    .foot-contact{
        text-align:left;
    }
    
    





/***********768关于我们********************/
    
    #media{
        height: auto;
        background: #fff;
    }
    #video{
        height: auto;
    }
    #media .swiper-wrapper .swiper-slide{
        height: auto;
    }

    

    .about-box-a,
    .about-box-b{
        width:100%;
    }

    .aboutT4{
        font-size: 30px;
        height: auto;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .about-container{
        margin-top: 20px;
       margin-bottom: 20px;
    }
    
    .about-container2{
           margin-top: 20px;
    }


    .video-txt-box .box1{
        width: 100%;
        padding:0 40px;
    }

    .xingxiang-txt-box-relative{
        align-items: flex-start;
        padding-top: 60px;
    }
    .video-txt-box{
       align-items: flex-start; 

    }
    .video-txt-box .box1{
        margin-top: 0;
        padding-top: 0!important;
    }


    .nybanner{
        height: 400px;
    }
    .nybanner2{
        height:300px;
    }



/**********768产品列表******************/
    .media-search,
    .media-search input{
        width:150px;
    }
    .media-search button{
        top:5px;
    }
 
    .product_list_index .productlist {
    padding: 0;
    }
  
    .product_list_index .productlist .p-img img{
        max-width: 100%;
    }

    .mulu-list .mulu_box{
        display: block!important;
        width:100%;
    }
    .mulu-list .mulu_box .left-p{
        width:100%;
    }
    .mulu-list .mulu_box .center-line{
        display: none;
    }
    .mulu-list .left-p img{
        width:auto;
        max-width: 80%;         
    }
    .mulu-list .mulu_box .right-cont{
        width: 80%;
        margin-left:10%;
        border-top:1px solid #dee2e6;
        padding:15px 0;
        display: inline-block;
        text-align: center;
    }
   

/**********768产品详情******************/
   .proleft{
    width:100%;
     margin-bottom: 30px;
   }
    #magnifier {
      position: relative;
     width: 100%;
      margin: 0px 0px 0 0px;
      
    }
    .small-box {     
      width: 100%;
      height: auto; 
      margin-bottom: 10px;
    }
    .small-box table,
    .small-box table tr,
    .small-box table tr td{
        width:100%;
    }
    .small-box table td{
     width:100%;
      height: auto;
    }
    .small-box img {
        position: relative;
      height: auto;
      max-width: 100%;
    }
    .small-box .hover{
        width:0;
        height: 0;
        display: none!important;
    }
    .text-right-wap-text-center{
        text-align: center!important;
    }
    .thumbnail-box{
            width: 100%;
            overflow: hidden;
    }
    .thumbnail-box .list{
        width:  calc(100% - 50px); 
    }
    .thumbnail-box .btn{
        z-index: 99999;

    }

/*********768新闻列表和详情*****************/
    .news-name { 
        padding:40px 0;
        font-size: 30px; 
    }
    .news-list .new-txt{
        padding:40px 20px; 
    }
    .news-list .new-txt .title{
        font-weight: bold;
    }

    .news-body{
        border-radius: 0;
        padding:0;
        box-shadow: none;
        border:none;
    }
    .news-body .news-title{
        width: 100%;
    }
    .newslist .newsimg{
        height: 200px;
    }

/*********768联系我们****************/



/*********768加盟合作***************/

    .youshi  .title .st {
        font-size: 14px;
        line-height: 22px;
    }
   
    .youshi .list {
        height: auto;
    }

    .youshi .list .wrap {
        height: auto;
    }

    .youshi .list .wrap .img {
        display: none;
    }

    .youshi .list .wrap ul {
        padding-top: 10px;
    }

    .youshi .list .wrap ul li {
        width: 100%;
        padding: 20px 0!important;
        border-bottom: 1px dashed #dcdcdc;
        flex-direction:initial;
    }
    .youshi .list ul li .text{
        margin-left: 0;
    }
    .youshi .list ul li:nth-child(even) .text{
        margin-right: 0;
        text-align: left;
    }

    .youshi .list ul li .text h3{
        font-size: 20px;
    }

    .youshi .list ul li .icon{
        margin-right: 15px;
    }


    .jiameng .box{
        display: flex;
        height: auto;
        align-items: center;
    } 
    .jiameng .gradient-text-num{        
        margin-right: 20px;
    }

    .index_product2_list .title{      
     bottom:0px;
     position: relative;
     color:#222!important;
    }


    .new_buy{
        padding:100px 0 100px 0;
    }
    .foot-ico1{
        padding-top: 2px;
    }
    .foot-ico .float-box{
     position: absolute;
      right:auto;
      left:-5px;
    }
    .foot-ico .float-box .down{     
    text-align: left; 
    }

     .down-link{
        padding:10px 20px;
        display: block;
    }
    .store-box{
        padding:10px 0;
    }
    .store-box img{
        max-width: 80%;
    }
    .store-box .logo-store{
        width: auto;
        max-width: 150px;
    }

    .honor-num .hononr-t1{
        font-size: 30px;
    }
    
    
    .new-txt{
        margin-top:20px;
        text-align: center;
    }
    
    .media_slide_list img{
        border-radius: 15px;
    }
    .swiper-pagination-product{
        bottom:10px!important;
    }
     .swiper-pagination-product span{
         border:1px solid #222;
     }
     .swiper-pagination-product .swiper-pagination-bullet-active{
          background: #222;
     }


 
}   



@media(max-width: 640px){
     
    .wapsubmenu li{
        width: 33%;
      }
      
     
     #index_banner .swiper-slide img {
    height: auto;
    }
    
    .liji_list{
        width:260px;
        left:-80px;
        top:54px; 
         line-height:24px!important;
         padding-top: 0;
    }
   .liji_list .lingdong-btn-nobg{
        margin-top: -5px;
        margin-bottom: 0;
        line-height:24px!important;
        height: 24px;
        width:80px;
   }
   .liji_list .lingdong-btn-nobg a{
        line-height:24px!important;
   }



    .newslist{
        height: auto;
    }
    .newslist .new-txt{
        padding-top: 20px;
    }

    .leftbody .left-title-list2 ul li{
    width:50%;
    float:left;
    border:none;
    }
    
    .foot-lang{
       margin-top: 10px;
        display:block;  
           float: none!important;
    }
    .myfoot{
        padding-bottom: 40px!important;
    }


}



@media(max-width: 340px){
    .wapsubmenu li{
        width: 50%;
      }

}